<template>
    <div>
        <production-item
            v-for="item in products"
            :key="item.id"
            :item="item"
        />
    </div>
</template>

<script>
import ProductionItem from '../components/ProductionItem.vue'
import { mapState } from 'vuex'
export default {
    components: {
        ProductionItem
    },
    computed:mapState({
        products: state => state.production.all
    }),
    created(){
        this.$store.dispatch('production/getAllProducts')
    }
    // props: {
    //     list: {
    //         type: Array,
    //         default() {
    //             return [
    //                 // {
    //                 //     id: 1,
    //                 //     title: '商品A',
    //                 //     price: 10
    //                 // }
    //             ]
    //         }
    //     }
    // }
}
</script>